@import url("base.css");



/** 鏁翠綋瀹氫簬 **/

body{font-size:12px;color:#666; font-family:'寰蒋闆呴粦';background:#FEFEFE;}

.container{width:980px; margin:0 auto;position:relative; font-size:14px; line-height:22px;}

a{color:#666;}

.line{  border-bottom:1px dotted #CCC; width:500px;}
.clear5{ clear:both; height:5px; line-height:5px;}


/*瑙嗚鍥?/

.kv{height:400px;position:relative;width:100%}

.kv ul{height:400px;width:100%;}

.kv ul li{height:400px;width:100%;}

.kv ul li a{height:400px;width:100%;display:block;}

.kv .kv_prev{position:absolute;left:0px;top:150px;background:url(icon_bg.png) no-repeat left top;height:70px;width:70px;z-index:2;}

.kv .kv_next{position:absolute;right:0px;top:150px;background:url(icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;}

.kv .kv_prev:hover{background:url(icon_bg.png) no-repeat left -81px;}

.kv .kv_next:hover{background:url(icon_bg.png) no-repeat -115px -81px;}

.kv .kv_page{width:250px;height:20px;position:absolute;left:50%;bottom:30px;margin-left:-75px;z-index:2;}

.kv .kv_page a{display:block;float:left;width:22px;height:22px;background:url(icon_bg.png) no-repeat -33px -203px;margin:0 4px;}

.kv .kv_page a.selected{background:url(icon_bg.png) no-repeat left -203px;}



.kv1{height:400px;position:relative;width:100%}

.kv1 ul{height:400px;width:100%;}

.kv1 ul li{height:400px;width:100%;}

.kv1 ul li a{height:400px;width:100%;display:block;}

.kv1 .kv_prev{position:absolute;left:0px;top:130px;background:url(icon_bg.png) no-repeat left top;height:70px;width:70px;z-index:2;}

.kv1 .kv_next{position:absolute;right:0px;top:130px;background:url(icon_bg.png) no-repeat -115px top;height:70px;width:70px;z-index:2;}

.kv1 .kv_prev:hover{background:url(icon_bg.png) no-repeat left -81px;}

.kv1 .kv_next:hover{background:url(icon_bg.png) no-repeat -115px -81px;}

.kv1 .kv_page{width:150px;height:20px;position:absolute;left:50%;bottom:30px;margin-left:-75px;z-index:2;}

.kv1 .kv_page a{display:block;float:left;width:22px;height:22px;background:url(icon_bg.png) no-repeat -33px -203px;margin:0 4px;}

.kv1 .kv_page a.selected{background:url(icon_bg.png) no-repeat left -203px;}


/*瀵艰埅*/

.nav{background:url(nav_bg.png) repeat-x;height:85px;position:abolute;z-index:9;width:100%;left:0px;top:400px;position:absolute;}

.nav.selected{position:fixed;width:100%;left:0px;top:0px;}

.nav .logo{float:left;width:142px;height:80px;background:url(logo.png) no-repeat center; }

.nav .menu{width:790px;height:80px;float:right;overflow:hidden;position:relative;}

.nav .menu li{float:left;width:80px;height:80px;}

.nav .menu li.pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;width:1px;margin:0 8px;margin-top:35px;}

.nav .menu li a{color:#fff;font-size:14px;font-family:'寰蒋闆呴粦';width:80px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none;}
.nav .menu li a:hover{color:#fff;font-size:14px;font-family:'寰蒋闆呴粦';width:80px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none; background:#005A84;}



.nav .menu li a span{display:block;height:80px;text-align:center;width:70px;}

.nav .menu li a em{display:block;height:80px;text-align:center;width:80px;}


/*.nav .menu li a:hover{margin-top:-80px;}*/

/*.nav .menu li a.selected{margin-top:-80px;}*/
.nav .menu li.current{ background:#036A9B;}
/*.nav .menu li.current a{margin-top:-80px;}*/

.nav .menu li.back{position:absolute;left:0px;bottom:0px;width:105px;height:7px;}
/*
.nav .menu li.mu_home span{background:url(nav.png) no-repeat 20px 32px;}

.nav .menu li.mu_about span{background:url(nav.png) no-repeat -100px 32px;}

.nav .menu li.mu_works span{background:url(nav.png) no-repeat -240px 32px;}

.nav .menu li.mu_service span{background:url(nav.png) no-repeat -370px 32px;}

.nav .menu li.mu_news span{background:url(nav.png) no-repeat -500px 32px;}

.nav .menu li.mu_contact span{background:url(nav.png) no-repeat -640px 32px;}



.nav .menu li.mu_home em{background:url(nav.png) no-repeat 20px -70px;}

.nav .menu li.mu_about em{background:url(nav.png) no-repeat -240px -70px;}

.nav .menu li.mu_works em{background:url(nav.png) no-repeat -100px -70px;}

.nav .menu li.mu_service em{background:url(nav.png) no-repeat -370px -70px;}

.nav .menu li.mu_news em{background:url(nav.png) no-repeat -500px -70px;}

.nav .menu li.mu_contact em{background:url(nav.png) no-repeat -640px -70px;}
*/



/*瀵艰埅*/

.nav1{background:url(nav_bg.png) repeat-x;height:85px;position:abolute;z-index:9;width:100%;left:0px;top:400px;position:absolute;}

.nav1.selected{position:fixed;width:100%;left:0px;top:0px;}

.nav1 .logo{float:left;width:142px;height:80px;background:url(logo.png) no-repeat center; }

.nav1 .menu{width:740px;height:80px;float:right;overflow:hidden;position:relative;}

.nav1 .menu li{float:left;width:65px;height:80px;}

.nav1 .menu li.pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;width:1px;margin:0 10px;margin-top:35px;}

.nav1 .menu li a{color:#fff;font-size:14px;font-family:'寰蒋闆呴粦';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none;}
.nav1 .menu li a:hover{color:#fff;font-size:14px;font-family:'寰蒋闆呴粦';width:70px;height:80px;display:block;line-height:80px;text-align:center;text-decoration:none; background:#005A84;}



.nav1 .menu li a span{display:block;height:80px;text-align:center;width:70px;}

.nav1 .menu li a em{display:block;height:80px;text-align:center;width:80px;}


/*.nav .menu li a:hover{margin-top:-80px;}*/

/*.nav .menu li a.selected{margin-top:-80px;}*/
.nav1 .menu li.current{ background:#036A9B;}
/*.nav .menu li.current a{margin-top:-80px;}*/

.nav1 .menu li.back{position:absolute;left:0px;bottom:0px;width:105px;height:7px;}
/*



/*about*/

.about{padding-bottom:60px;position:relative;padding-top:155px;}
.about td{ font-size:12px; line-height:22px;}

.about #about_con{height:330px;width:980px;}

.about .cat{position:absolute;right:0px;z-index:5;}

.about .cat a{float:left;text-align:center;text-decoration:none;font-size:12px;color:#373737;display:inline-block;width:100px;font-family:'寰蒋闆呴粦';height:30px;line-height:25px;}

.about .cat .pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;margin:0 5px;margin-top:6px;}

.about .cat a.selected{background:url(cat_ahover.png) no-repeat center 3px;color:#fff;}



.about .brand{display:block;width:980px;float:left;}

.about .brand .title{}

.about .brand .con{}




.about .core{display:block;width:980px;float:left;}

.about .core .title{}

.about .core .core_con{}




.about .team{display:block;width:980px;float:left;}

.about .team .title{}

.about .team .con{}

.ipic{}
.ipic li{ width:240px; float:left; text-align:center; margin-bottom:1px;}
.ipic img{ width:233px; height:243px; margin:0 auto;}
.ipic .picc{ width:233px; margin:0 auto;}
.ipic .tit{ line-height:20px; text-align:left; width:223px; margin:0 auto; background:#FFF; height:20px; padding:5px 5px; }
.ipic .tit .xl{ float:left; width:200px; overflow:hidden;}
.ipic .tit .xr{ float:right;}
.ibox{ width:233px; margin:0 auto; border:3px solid #FFF;}


 
 .iboxc{ width:200px; margin:0 auto; border:1px solid #ccc; }
.line1{ border-bottom:1px dashed #ccc;}
.ibox1{ margin:0 auto;  border-top:1px solid #FFF;  border-bottom:1px dashed #ccc;  border-left:1px solid #FFF; border-right:1px solid #FFF;  }
 .m_over1{ border-top:1px solid #047AB1; background:#f3f3f3; border-bottom:1px solid #047AB1; border-left:1px solid #047AB1; border-right:1px solid #047AB1; color:#0078B0; }
 .m_over1 a {color:#0078B0;}
 .m_out1{ border-top:1px solid #FFF;  border-bottom:1px dashed #ccc;  border-left:1px solid #FFF; border-right:1px solid #FFF; }


.ipicc{ }
.ipicc li{ width:236px; float:left; text-align:center; margin-bottom:25px;}
.ipicc img{ width:200px; height:209px; margin:0 auto;}
.ipicc .picc{ width:200px; margin:0 auto;}
.ipicc .tit{ line-height:20px; text-align:left; width:190px; margin:0 auto; background:#FFF; height:44px; padding:5px 5px; }

.ipicc .tit .xl{ float:left; width:170px;}
.ipicc .tit .xr{ float:right; width:20px;}

 .m_over{ border:1px solid #047AB1;}
 .m_over a{ color:#0078B0;}
 .m_out{ border:1px solid #ccc;}

 .m_overi{ border:3px solid #047AB1;}
 .m_overi a{ color:#0078B0;}
 .m_outi{ border:3px solid #FFF;}






/*works*/

.works{background:url(bjc.jpg);padding-top:60px;position:relative;}

.works .title{background:url(works_title.png) no-repeat;width:700px;height:82px;}

.works .prev{display:block;background:url(prev_next.png) no-repeat left top;width:59px;height:116px;position:absolute;left:-80px;top:160px;}

.works .next{display:block;background:url(prev_next.png) no-repeat -104px top;width:59px;height:116px;position:absolute;right:-80px;top:160px;}

.works .prev:hover{display:block;background:url(prev_next.png) no-repeat left -127px;}

.works .next:hover{display:block;background:url(prev_next.png) no-repeat -104px -127px;}

.works .works_page{position:absolute;right:200px;top:20px;height:30px;}

.works .works_page a{display:block;float:left;width:22px;height:22px;background:url(icon_bg.png) no-repeat -33px -203px;margin:0 4px;}

.works .works_page a.selected{background:url(icon_bg.png) no-repeat left -203px;}

.works .works_more{background:url(works_more.png) no-repeat  no-repeat;width:219px;height:57px;position:absolute;right:0px;top:0px;}

.works .works_main{width:980px;overflow:hidden;padding-top:60px;}

.works .works_main_con{width:980px;position:relative;}

.works .works_con{width:1020px;}

.works .con li{float:left;width:300px;margin-right:40px;}

.works .con li a{position:relative;width:300px;height:180px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}

.works .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.works .con li a em{width:295px;height:174px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}

.works .con li a:hover em{border:3px solid #BA292D;background: url(works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}

.works .con li h4{margin-top:10px;}

.works .con li h4{color:#DDDDDD;font-size:20px;font-family:'寰蒋闆呴粦';font-weight:normal;}

.works .con li p{color:#AAAAAA;font-size:12px;font-family:'寰蒋闆呴粦';}

.works .ads{background:url(zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;}





/*service*/

.service{padding-top:50px;padding-bottom:60px;position:relative;}

.service #service_con{width:990px;}

.service .cat{position:absolute;right:0px;z-index:5;}

.service .cat a{float:left;text-align:center;text-decoration:none;font-size:12px;color:#373737;display:inline-block;width:100px;font-family:'寰蒋闆呴粦';height:30px;line-height:25px;}

.service .cat .pipe{float:left;border-right:1px dashed #ccc;display:inline-block;height:10px;margin:0 5px;margin-top:6px;}

.service .cat a.selected{background:url(cat_ahover.png) no-repeat center 3px;color:#fff; width:120px;}



.service .srv_pro{display:block;width:990px;float:left;}

.service .srv_pro .title{}

.service .srv_pro .con{  height:450px; background:url(4.jpg) no-repeat top right;}




.service .srv_line{display:block;width:990px;float:left;}

.service .srv_line .title{}

.service .srv_line .con{height:450px;  background:url(4.jpg) no-repeat top right;}



.service .srv_lines{display:block;width:990px;float:left;}

.service .srv_lines .title{}

.service .srv_lines .con{  height:450px; background:url(4.jpg) no-repeat top right;}



/*鏂伴椈*/

.news{background:#FFF;padding-top:60px;padding-bottom:60px;position:relative;}

.news .title{background:url(news_title.jpg) no-repeat;width:359px;height:73px;}

.news .news_page{position:absolute;right:0px;top:40px;}

.news .news_page a{color:#fff;font-family:'寰蒋闆呴粦';font-size:13px;text-decoration:none;}

.news .news_page a:hover{color:#B9282C;}

.news .news_page a.selected{color:#B9282C;}

.news .news_main{width:980px;overflow:hidden;padding-top:40px;}

.news .news_con{width:1020px;}

.news .con li{float:left;width:300px;margin-right:40px;height:235px;}

.news .con li a{position:relative;width:300px;height:130px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}

.news .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.news .con li a em{width:295px;height:124px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}

.news .con li a:hover em{border:3px solid #BA292D;background: url(works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}

.news .con li h4{margin-top:10px;border-bottom:4px solid #aaa;padding-bottom:20px;}

.news .con li h4{color:#DDDDDD;font-size:20px;font-family:'寰蒋闆呴粦';font-weight:normal;}

.news .con li p{color:#AAAAAA;font-size:12px;font-family:'寰蒋闆呴粦';margin-top:5px;}


.n_list .nli{ margin-bottom:10px; font-size:12px; clear:both; }
.n_list .nli .ndiv{ width:500px; text-align:left;}
.n_list .nli .imgbor{ width:80px; height:80px;}
.n_list .nli  .nl{ float:left; width:100px; height:100px;}
.n_list .nli  .nr{ float:right; height:100px; width:390px;}
.n_list .nli .nr a{ font-size:14px; font-weight:bold;}

/*鑱旂郴鎴戜滑*/

.contact{background:url(../images/icontact_title.jpg) no-repeat center top;position:relative;}

.contact .container{height:603px;}

.contact .address{color:#fff;font-size:20px;position:absolute;left:120px;bottom:190px;}

.contact .weibo{color:#fff;font-size:20px;position:absolute;left:660px;bottom:190px;}

.contact .tel{color:#fff;font-size:20px;position:absolute;left:120px;bottom:135px;}

.contact .qq{color:#fff;font-size:20px;position:absolute;left:660px;bottom:135px;}

.contact .qq a{color:#fff}



/*搴曢儴*/

.ft{height:50px; background:#111111; text-align:center; line-height:30px;}



/*浣滃搧璇︾粏椤?/

.sub_works{background:#222;padding-top:140px;padding-bottom:40px;margin-top:-0px;position:relative;z-index:1;}

.sub_works .title{background:url(show_case.jpg) no-repeat;width:358px;height:73px;}

.sub_works .works_main{width:980px;overflow:hidden;padding-top:60px;}

.sub_works .con{width:1020px;}

.sub_works .con li{float:left;width:300px;margin-right:40px;margin-bottom:40px;}

.sub_works .con li a{position:relative;width:300px;height:180px;display:block;filter:alpha(opacity=30);opacity:0.3 !important;}

.sub_works .con li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}

.sub_works .con li a em{width:295px;height:174px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}

.sub_works .con li a:hover em{background: url(works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}

.sub_works .con li a:hover em{border:3px solid #BA292D;}

.sub_works .con li h4{margin-top:10px;}

.sub_works .con li h4{color:#DDDDDD;font-size:20px;font-family:'寰蒋闆呴粦';font-weight:normal;}

.sub_works .con li p{color:#AAAAAA;font-size:12px;font-family:'寰蒋闆呴粦';}

.sub_works .ads{background:url(zs_design.png) no-repeat;width:986px;height:227px;position:absolute;bottom:-250px;}



/*鏂伴椈寮圭獥*/

.newinfo{background:#fff;border-radius:20px;width:650px;position:relative;padding:35px;display:none;}

.newinfo .close{background:url(close.png) no-repeat -56px top;display:block;position:absolute;top:35px;right:35px;width:41px;height:41px;}

.newinfo .close:hover{background:rl(close.png) no-repeat left top;display:block;}

.newinfo h4.title{color:#BA292D;font-family:'寰蒋闆呴粦';font-size:18px;}

.newinfo p.time{color:#AAAAAA;font-family:'寰蒋闆呴粦';font-size:12px;padding-bottom:10px;border-bottom:1px solid #ccc;}

.newinfo .con{color:#868686;font-size:12px;font-family:'寰蒋闆呴粦';padding-top:20px;}

.newinfo .con img{max-width:650px;}



/*寮瑰嚭*/

.aui_header{display:none;}



/*鍥炲埌椤堕儴*/

.top{background:url(top.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;}


.top1{background:url(top1.png) no-repeat left -76px;position:absolute;left:50%;margin-left:-43px;width:81px;height:40px;bottom:0px;}

.top.selected{background:url(top.png) no-repeat left top;}



/*鍒嗛〉*/

.sub_page{position:relative;text-align:center;border-top:1px solid #777777;padding-top:10px;}

.sub_page .prev{position:absolute;background:url(page.png) no-repeat left top;width:65px;height:32px;left:0px;top:20px;}

.sub_page .next{position:absolute;background:url(page.png) no-repeat right top;width:65px;height:32px;right:0px;top:20px;}

.sub_page .prev:hover{background:url(page.png) no-repeat left bottom;}

.sub_page .next:hover{background:url(page.png) no-repeat right bottom;}

.sub_page span{display:inline-block;margin:0 auto;padding-top:10px;}

.sub_page span a{display:block;float:left;color:#fff;font-size:16px;line-height:32px;}

.sub_page span a{color:#B9282C;}



/*sider*/

.sider{width:57px;height:247px;position:fixed;right:20px;top:50%;maring-top:-123px;z-index: 99}

.sider .qq1{background:url(qq.png) no-repeat left top;width:57px;height:57px;display:block;}

.sider .qq2{background:url(qq.png) no-repeat left -60px;width:57px;height:57px;display:block;}

.sider .qq3{background:url(qq.png) no-repeat left -120px;width:57px;height:57px;display:block;}

.sider .qq1:hover{background:url(qq.png) no-repeat -70px top;}

.sider .qq2:hover{background:url(qq.png) no-repeat -70px -60px;}

.sider .qq3:hover{background:url(qq.png) no-repeat -70px -120px;}

.sider span{background:url(qq.png) no-repeat left -180px;display: block;width:57px;height:67px;margin-top:20px;}

.conte{ width:100%; margin-top:85px;}
.conte .warp{ width:1000px; margin:0 auto;}
.conte .warp .left{ width:250px; float:left;}
.conte .warp .left .border{}
.conte .warp .left .border .tit{ height:35px; line-height:35px; background:#4099D5;  color:#FFF; text-indent:20px; font-size:16px; font-weight:bold;}
.conte .warp .left .border .cont{ background:#EEEEEE; padding:8px; }

.conte .warp .right{ width:730px; float:right;}
.conte .warp .right .cont{ padding:10px;}
.navgate{ height:35px; line-height:35px; font-size:14px; text-indent:10px; background:#EEEEEE;}
 
#mTree{}   
#mTree h3{background:url(mtree11.jpg) center left;cursor:pointer; text-indent:30px;  height:32px; line-height:32px;}   
#mTree ul{margin:6px 12px;font-size:12px; }   
#mTree .disdiv{display:none;}  
#mTree div li{ line-height:32px; height:32px; border-bottom:#999 solid 1px; font-size:12px;}
#mTree div li a{ text-decoration:none;}
#mTree div li a:hover{ text-decoration:none; color:#ff0000;}
#mTree h3.blue{background:url(mtree00.jpg) center left;  cursor:pointer; text-indent:30px; color:#FFF; height:32px; line-height:32px;}
#mTree h3.blue a{ color:#FFF; display:block;  height:32px; text-decoration:none;}
#mTree h3.blue a:hover{ color:#FFF; height:32px; background:url(mtree00.jpg) center left;}
#mTree h3 a:hover{ color:#FFF; height:32px; background:url(mtree00.jpg) center left; display:block; text-decoration:none; font-size:12px; line-height:32px;}
#mTree h3 a{ color:#333;  font-weight:normal;}
#mTree li{ margin-bottom:2px;}


/*product_list*/
.product_list{ padding-top:10px;}
.product_list li{ width:280px;  float:left; text-align:center; margin-bottom:5px;}
.product_list li a{ color:#333;}
.product_list .imgbor{ width:200px; height:150px; border:1px solid #CCC; padding:2px;}
.product_list { }

.product_listdd{ padding-top:10px;}
.product_listdd li{ width:170px;  float:left; text-align:center; margin-bottom:5px;}
.product_listdd li a{ color:#333;}
.product_listdd .imgbor{ width:150px; height:75px; border:1px solid #CCC; padding:2px;}
.product_listdd { }


.news_list{}
.news_list li{ clear:both; margin-bottom:10px; }

.down_list{}
.down_list .left{ width:500px;}

.flink{ clear:both; height:55px;}
.flink li{ float:left;}